<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>智能表单</title>
</head>
<body>
    <!-- 
        1.input标签
            type属性：
                1.1 text 普通文本
                1.2 password 密码文本
                1.3 submit 提交按钮
                1.4 reset  重置按钮
                1.5 radio  单选按钮
                1.6 checkbox 复选框
                1.7 color   颜色选择器
                1.8 email   邮箱
                1.9 search  搜索框
                1.10 number 数字文本框
                1.11 range  范围框
                1.12 date日期  time时间  datetime-local日期与时间  week星期

            placeholder属性：提示 Tips
            checked、selected属性：被选中
            multiple属性：复数
            disabled 禁用
            readonly 只读
            
        2.select option下拉菜单
        3.textarea  文本域
     -->
    <form action="#">
        <input type="radio" name="sex" value="boy" />男
        <input type="radio" name="sex" value="girl" checked />女
        <br/>
        <input type="checkbox" name="hobby" value="music" />音乐
        <input type="checkbox" name="hobby" value="coding" checked />编程
        <input type="checkbox" name="hobby" value="ball" />篮球
        <br/>
        <select name="address" multiple>
            <option value="hz">杭州</option>
            <option value="hf" selected>合肥</option>
            <option value="wx">无锡</option>
        </select>
        <br/>
        <textarea cols="5" rows="5" name="content" readonly>今天有点热</textarea>
        <br/>
        <input type="color" name="color" /><br/>
        <input type="email" name="email" /><br/>
        <input type="search" name="search" /><br/>
        <input type="number" name="number" /><br/>
        <input type="range" name="range" min="0" max="10" step="2" value="3" /><br/>
        <input type="file" name="file" multiple />
        
        Date:
        <input type="date" /><br/>
        <input type="time" /><br/>
        <input type="datetime-local" /><br/>
        <input type="week" /><br/>

        <input type="submit" value="提交" disabled />&nbsp;&nbsp;<input type="button" value="普通" />
    </form>
</body>
</html>